1 引子

Web开发难免会需要各种监控和调试，现在各大浏览器基本都有了自带的调试工具，比如Firefox的Web开发者，Chrome Inspect，以及IE自带的开发者工具，这些工具都可以很方便的用F12调出。现在已经是不带调试器的浏览器不是好的开发工具的情形了。

2 调试工具列表

  • 首推各大浏览器的F12工具，各大浏览器的插件库
  • Firefox的Firebug、WebDeveloper
  • Fiddler
  • HTTP Watch
  • Charles
  • HTTP Debugger
  • HTTP Analyzer
  • Wireshark 通用的网络抓包工具
    基本已经够用了，还是首推的F12，顺手拈来。实在不行可以Fiddler基本能解决你所有的问题。
    当然后面的工具也是可以尝试的，都是特别好的工具，只是后面的刀比较多，比较疼，当然可以自行想办法。

需要相关的插件的可以在浏览器的插件库中很方便的搜到，比如需要JSON相关的，在插件信息中查JSON，同样的查REST。

3 浏览器兼容测试

  • Chrome，Firefox兼容性较强，可以不必多费周章
  • 高版本的IE开发者工具（F12），可以对较低版本的IE进行模拟和兼容测试。
  • 需要更高精度的环境测试，到Modern IE下载多种版本的IE环境进行实测。
  • 在线工具http://browsershots.org/
  • IETester(比较古老)
  • SuperPreview
  • Modern IE

4 参考资料

  1. Node.js调试指南
  2. Fiddler官网
  3. HTTPWatch 官网
  4. Charles 官网
  5. HTTP Debugger 官网
  6. WireShark 官网
  7. Fiddler 教程
  8. Fiddler入门教程
  9. Fiddler使用小结
  10. Web开发又一利器之——Fiddler
  11. Web调试利器fiddler介绍
  12. 抓包工具Fiddler的使用
  13. 浏览器HTTP分析调试工具收集
  14. WEB前端开发中的性能调试工具（简记）
  15. 介绍几款浏览器兼容性测试工具
  16. 12款浏览器兼容性测试工具推荐
  17. Web浏览器兼容性测试工具如何选择？
  18. 12款很棒的浏览器兼容性测试工具推荐

最后更新： 2022年03月02日 03:32

原始链接： http://rawbin-.github.io/dev-tools/2015-05-28-using-fiddler/

赏
× 赞赏这个人~
打赏二维码